// export default {
// // 指令对象，会在当前的dom元素插入到节点之后执行
//   // 这里配置的是使用该指令元素的钩子
//   inserted(el, option) {
//     // option是指令中变量的解释，其中一个属性叫做value
//     // 钩子默认能够收到两个参数
//     // 1.当前元素
//     // console.log(el)
//     // 2.当前指令配置
//     // console.log(10, option)
//     // el表示当前指令作用的dom对象
//     el.addEventListener('error', () => {
//       el.src = option.value
//     })
//     // 处理图片为空
//     el.src = el.src || option.value
//   }
// }

// export default {
//   inserted(dom, options) {
//     //   图片异常的逻辑
//     //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
//     dom.src = dom.src || options.value

//     dom.onerror = function() {
//       // 图片失败  赋值一个默认的图片
//       dom.src = options.value
//     }
//   },
//   componentUpdated(dom, options) {
//     dom.src = dom.src || options.value
//   }
// }

export const imageerror = {
  inserted(dom, options) {
    //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    dom.src = dom.src || options.value

    dom.onerror = function() {
      // 图片失败  赋值一个默认的图片
      dom.src = options.value
    }
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}

export const fiximg = {
// 指令对象，会在当前的dom元素插入到节点之后执行
  // 这里配置的是使用该指令元素的钩子
  inserted(el, option) {
    // option是指令中变量的解释，其中一个属性叫做value
    // 钩子默认能够收到两个参数
    // 1.当前元素
    // console.log(el)
    // 2.当前指令配置
    // console.log(10, option)
    // el表示当前指令作用的dom对象
    el.addEventListener('error', () => {
      el.src = option.value
    })
    // 处理图片为空
    el.src = el.src || option.value
  }
}
